// 常见问题问题导航
<template>
  <div class="problem-nav">
    <div class="left">
      <h5>常见问题</h5>
      <el-menu default-active="2" class="el-menu-vertical-demo" router>
        <el-submenu index="1">
          <template slot="title">
            <span>账户使用</span>
          </template>
          <el-menu-item index="">登录注册</el-menu-item>
          <el-menu-item index="/commonProblem/aboutPrice">关于报价</el-menu-item>
          <el-menu-item index="1-3">密码修改</el-menu-item>
        </el-submenu>

        <el-submenu index="2">
          <template slot="title">
            <span>交易问题</span>
          </template>
          <el-menu-item index="2-1">登录注册</el-menu-item>
          <el-menu-item index="2-2">关于报价</el-menu-item>
          <el-menu-item index="2-3">密码修改</el-menu-item>
        </el-submenu>

        <el-submenu index="3">
          <template slot="title">
            <span>账户问题</span>
          </template>
          <el-menu-item index="3-1">登录注册</el-menu-item>
          <el-menu-item index="3-2">关于报价</el-menu-item>
          <el-menu-item index="3-3">密码修改</el-menu-item>
        </el-submenu>

        <el-submenu index="4">
          <template slot="title">
            <span>合作问题</span>
          </template>
          <el-menu-item index="4-1">登录注册</el-menu-item>
          <el-menu-item index="4-2">关于报价</el-menu-item>
          <el-menu-item index="4-3">密码修改</el-menu-item>
        </el-submenu>

        <el-submenu index="5">
          <template slot="title">
            <span>说明文档</span>
          </template>
          <el-menu-item index="5-1">登录注册</el-menu-item>
          <el-menu-item index="5-2">关于报价</el-menu-item>
          <el-menu-item index="5-3">密码修改</el-menu-item>
        </el-submenu>
      </el-menu>
    </div>
    <div class="right">
      <router-view></router-view>
    </div>
  </div>
</template>
<script>
export default {
  name: "ProblemNav"
};
</script>
<style lang='scss' scoped>
.problem-nav {
  // height: 1200px;
  width: 100%;
  display: flex;
  .left {
    overflow: hidden;
    padding-left: 256px;
    box-sizing: border-box;
    width: 35%;
    height: 100%;
    border-right: 1px solid #eeeeee;
    h5 {
      margin-top: 70px;
      font-size: 24px;
      color: black;
    }
  }
  .right {
   padding:60px 200px 100px 100px;
   box-sizing: border-box;
    width: 65%;
    height: 100%;
    color: black;
   
  }
}
</style>
<style lang='scss'>
.problem-nav {
  .left {
    .el-menu {
      border-right: 0;
    }
  }
}
</style>